/*placeholder 颜色*/
$placeholder: $placeholder_C;

input::-webkit-input-placeholder {
  color: $placeholder;
}

input:-moz-placeholder { /* Firefox 18- */
  color: $placeholder;
}

input::-moz-placeholder { /* Firefox 19+ */
  color: $placeholder;
}

input:-ms-input-placeholder {
  color: $placeholder;
}

textarea::-webkit-input-placeholder {
  color: $placeholder;
}

textarea:-moz-placeholder { /* Firefox 18- */
  color: $placeholder;
}

textarea::-moz-placeholder { /* Firefox 19+ */
  color: $placeholder;
}

textarea:-ms-input-placeholder {
  color: $placeholder;
}

.clear {
  clear: both;
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}


%scrollbar-style-ie-chrome {
  /*滚动条兼容IE*/
  /*滚动条整体颜色*/
  scrollbar-highlight-color: rgba($color: #abcfe4, $alpha: 0.1);;
  /*滚动条滑块按钮的颜色*/
  scrollbar-face-color: rgba($color: #abcfe4, $alpha: 0.1);
  /*滚动条3d亮色阴影边框的外观颜色——左边和上边的阴影色*/
  scrollbar-3dlight-color: rgba(3, 25, 33, 0.15);
  /*滚动条阴影*/
  scrollbar-shadow-color: rgba($color: #abcfe4, $alpha: 0.1);
  /*滚动条3d暗色阴影边框的外观颜色——右边和下边的阴影色*/
  scrollbar-darkshadow-color: rgba($color: #abcfe4, $alpha: 0.1);
  /*滚动条轨道颜色*/
  scrollbar-track-color: rgba(242, 243, 243, 0.1);
  /*三角箭头的颜色*/
  scrollbar-arrow-color: rgba($color: #abcfe4, $alpha: 0.1);
  ///*滚动条基准颜色*/
  scrollbar-base-color: rgba($color: #abcfe4, $alpha: 0.1);
  &::-webkit-scrollbar { /*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/
    width: 8px;
    height: 10px;
    border-radius: 4px;
  }
  &::-webkit-scrollbar-button { /*滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置2）*/
    display: none;
  }
  &::-webkit-scrollbar-track { /*外层轨道，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置3）*/
    display: none;
  }
  &::-webkit-scrollbar-track-piece { /*内层轨道，滚动条中间部分（位置4）*/
    background: rgba(3, 25, 33, 0.1);
  }
  &::-webkit-scrollbar-thumb { /*滚动条里面可以拖动的那部分（位置5）*/
    background-color: rgba($color: #349de0, $alpha: 0.3);
    border-radius: 4px;
  }
  &::-webkit-scrollbar-corner { /*边角（位置6）*/
    background: rgba(3, 25, 33, 0.1);
  }
  &::-webkit-scrollbar-resizer { /*定义右下角拖动块的样式（位置7）*/
    background: rgba(3, 25, 33, 0.1);
  }
}

//滚动条样式
.scrollbar-style-ie-chrome {
  @extend %scrollbar-style-ie-chrome
}

*{
  @extend %scrollbar-style-ie-chrome
}

.cursor {
  cursor: pointer;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.title {
  padding-left: 20px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #262626;
  line-height: 48px;
}

.span12 {
  width: 100% !important;
}

.span11 {
  width: 91.66666667% !important;
}

.span10 {
  width: 83.33333333% !important;
}

.span9 {
  width: 75% !important;
}

.span8 {
  width: 66.66666667% !important;
}

.span7 {
  width: 58.33333333% !important;
}

.span6 {
  width: 50% !important;
}

.span5 {
  width: 41.66666667% !important;
}

.span4 {
  width: 33.33333333% !important;
}

.span3 {
  width: 25% !important;
}

.span2 {
  width: 16.66666667% !important;
}

.span1 {
  width: 8.33333333% !important;
}
.carnbon-container{
  min-width: 1100px;
  max-height: calc(100vh - 110px);
  overflow: auto;
  /* 只有在列表搜索栏的时候，才启用这个样式*/

/*  .el-form--inline .el-form-item {
    border: 1px solid #d4d4d4 !important;
  }*/

  .search-form{
    padding:20px 0 0 20px;
    .el-form--inline .el-form-item {
      border: 1px solid #d4d4d4 !important;
    }
    .el-form .el-form-item .el-form-item__content{
      padding-left: 0;
    }
    .el-form-item__content{
      line-height: 26px;
    }
    .el-form--inline .el-form-item{
      border:1px solid #DCDFE6;
    }
    .el-form .el-form-item .el-form-item__label{
      padding-right: 0;
    }
    .el-form .el-form-item .el-form-item__content{
      padding-left: 0;
    }
    .el-form-item__label{
      padding: 0 0 0 5px;
      height: 26px;
      line-height: 26px;
    }
    .el-input__wrapper{
      box-shadow: none !important;
      padding:0px 11px !important;
    }
    .el-input__wrapper:hover{
      box-shadow: none !important;
      outline: 0;
    }
    .el-select,.el-input ,.el-form .el-form-item .el-form-item__content > .el-input .el-input__inner, .el-form .el-form-item .el-form-item__content > .el-select .el-input__inner{
      height: 26px;
      line-height: 26px;
    }
    .el-select .el-input__inner:focus {
      border-color: transparent !important;
    }
    .el-select .el-input__inner:hover {
      border-color: transparent !important;
      outline:0;
    }
    .el-select .el-input.is-focus .el-input__wrapper,.el-select .el-input__wrapper.is-focus{
      outline:0;
      box-shadow: none !important;
    }
    .el-button{
      height: 28px;
      vertical-align: top;
    }
  }


}

.carnbon-container .tableCon{
  height:  auto !important;
}
.el-dropdown {
  outline: 0;
}
.el-dropdown-link:focus{
  outline: 0;
}
.edit_content{
  flex: 1 1;
  padding: 5px;
  border: 1px solid #d9d9d9;
  outline: none;
}
.formula-dialog .el-dialog .el-dialog__header {
  border-bottom: 1px solid #d9d9d9 !important;
}
.formula-dialog .el-dialog .el-dialog__body {
  padding-top: 0px !important;
  padding-bottom: 0;
  border-bottom: 1px solid #d9d9d9;
}
.el-menu-vertical-demo .el-menu{
  background: #fff !important;
}
.el-menu-vertical-demo .el-menu .el-menu-item{
  height: 45px !important;
  color: #222 !important;
}
.el-menu-vertical-demo .el-sub-menu__title{
  font-size: 18px;
  font-weight: bold;
}
.configure-form {

}

.navCont .el-sub-menu__title{
  display: flex;
  align-items: center;
  color: #0080FF;
  height: 68px !important;
  font-size: 18px;
  font-weight: bold;
}
.navCont .el-sub-menu .el-menu-item.is-active{
  border-left:0 !important;
}
.formula_container{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  line-height: 1.5715;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
}
.formula_content {
  display: flex;
  align-items: center;
}
.monitoring-footer {
  text-align: center;
  width: 100%;
  padding: 0 24px;
  height: 44px;
  line-height: 44px;
  background: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 -6px 16px -8px rgb(0 0 0 / 8%), 0 -9px 28px 0 rgb(0 0 0 / 5%), 0 -12px 48px 16px rgb(0 0 0 / 3%);
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}